<!-- 顶部倒计时 -->
<div id='top_conut_down' class='flex flex_center_center flex_s_a' [ngClass]="{'show':isshowTop}">
  <div class="top_conut_down_box color255 ft30 flex flex_center_center flex_s_b">
    <div class="next_num ft_PF_Regular flex flex_center_center"><i class="point"></i> 距第<span>{{resData.now_issue}}</span>期开奖倒计时</div>
    <div class="next_time ft20"><span>{{countdown.minutes}}</span> 分<span>{{countdown.seconds}}</span>秒<span>{{countdown.Milliseconds}}</span></div>
  </div>
</div>

<ion-content padding class="bg_main_color mt0" (ionScroll)='showTopCountDown($event)'>
  <!-- 头部功能 -->
  <div class="menu_top flex bg_white">
    <div class="menu_top_left flex  bg_white">
      <div class="user border_50 over_hidden "><img src="{{userInfo.headurl}}" alt=""></div>
      <div class="user_info flex flex_column flex_left_center ml20">
        <div class="color82 ft28 mb10">
          <span class="border_50 bg_active_color money_iocn color255 ft22">币</span>
          {{userInfo.money}}
        </div>
        <div class="color165 ft22">ID:{{userInfo.id}}</div>
      </div>
    </div>
    <div class="menu_top_right flex   color185 ft26 flex_s_b">
      <div class="flex flex_column flex_center_center">
        <img src="assets/icon/home_head_1.png" alt="消息">
        消息
      </div>
      <div class="flex flex_column flex_center_center" [navPush]='userRechargePage'>
        <img src="assets/icon/home_head_2.png" alt="充值">
        充值
      </div>
      <div class="flex flex_column flex_center_center" [navPush]='userCashPage'>
        <img src="assets/icon/home_head_3.png" alt="">
        提现
      </div>
    </div>
  </div>
  <!-- 开奖信息 -->
  <div text-center class="lottery_info flex flex_column flex_center_center mt22 relative " id='lx_box'>
    <div class="record_info absolute ft24 color255 ft_line1 flex flex_center_center" (click)="showRecordInfoBox()">揭晓记录</div>
    <div class="lottery_num flex  ft80 ft_bold color333">
      <span class='flex flex_column flex_center_center' *ngFor="let item of prev_awardnum,let i= index">
        <i [ngClass]="{'runNum':nextOpenTime<10,'red':i==9,'img10':item==10,'img1':item==1,'img2':item==2,'img3':item==3,'img4':item==4,'img5':item==5,'img6':item==6,'img7':item==7,'img8':item==8,'img9':item==9}"></i>
      </span>
    </div>
    <div class="lottery_next absolute  color255 ft28  flex flex_center_center flex_s_a" [ngClass]="{'hide':hide}" id='lottery_next'>
      <div class="next_num ft_PF_Regular flex flex_center_center"><i class="point"></i> 距第<span>{{resData.now_issue}}</span>期开奖倒计时</div>
      <div class="next_time ft20"><span>{{countdown.minutes}}</span> 分<span>{{countdown.seconds}}</span>秒<span>{{countdown.Milliseconds}}</span></div>
    </div>
  </div>
  <!-- 抢购规则 -->
  <div class="rules flex flex_center_center flex_s_b" [navPush]='rulePage'>
    <img src="assets/icon/home_rules_l.png" alt="">
    <div class="rules_text  ft24 color157 ">
      开盘时间9:00-24:00，每5分钟一期共计179期23:55分停止购买，开奖3分钟后，处理订单 ...查看详细规则
    </div>
    <img src="assets/icon/home_rules_r.png" alt="" class="mr20">
  </div>
  <!-- 优选商品 -->
  <div class="goods">
    <div class="title"><img src="assets/icon/home_title.png" alt=""></div>
    <!-- 商品列表 -->
    <div class="goods_list flex flex_center_center flex_s_b" *ngFor="let item of goodsList" (click)="goodsinfo(item.id)">
      <div class="goods_list_info flex flex_center_center flex_column">
        <div class="goods_img_box flex flex_center_center"><img src="{{item.cover}}" alt="商品图"></div>
        <div class="goods_info flex flex_center_center flex_s_b ">
          <div class="goods_info_l flex_left_center">
            <div class="goods_info_title ft_line1 ft24 color82 mb8">{{item.good_name}}</div>
            <div class="flex flex_s_b goods_info_price"><span class="ft24">¥{{item.price}}</span> <span class="ft24">¥{{item.old_price}}</span></div>
          </div>
          <div class="goods_info_r ft20 color255" [ngClass]="{'disabled_bg':nextOpenTime<10}">抢购</div>
        </div>
      </div>
    </div>
  </div>
  <!-- 下拉刷新 -->
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-round-down" refreshingSpinner="circles">
    </ion-refresher-content>
  </ion-refresher>
  <!-- 上拉加载更多 -->
  <!-- <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content loadingSpinner="circles" loadingText="" style="max-height:20px!important"></ion-infinite-scroll-content>
  </ion-infinite-scroll> -->
</ion-content>

<!-- 揭晓记录 -->
<div class="modal_box flex flex_column flex_center_center" *ngIf="record_info_box">
  <div class="record_info_box">
    <div class="record_info_box_title flex flex_center_center ft_bold ft28 color65"> <i class="point"></i> 揭晓记录</div>
    <div class="record_info_box_close" (click)="hideRecordInfoBox()"><img src="assets/icon/home_Announced record_close.png"
        alt=""></div>
    <div class="record_info_num_title flex flex_center_center ft26 color51">
      <div>期号</div>
      <div>揭晓号码</div>
      <div>获胜情况</div>
    </div>
    <!-- 数据 -->
    <div class='record_info_scoll'>
      <div class="record_info_num_title  record_info_num_list flex flex_center_center" *ngFor="let item of newPriseList">
        <div class="ft24 color153 ft_PF_Regular">{{item.issue}}</div>
        <div class="luck_num ft20">
          <i *ngFor="let ite of item.awardnum,let j=index" [ngClass]="{'main_color':j==9}">
            {{ite}}
          </i>
        </div>
        <div>
          <span class="buy_type ft24 color255" [ngClass]="{'bg_active_color':item.isOdd}">
            <i *ngIf="item.isOdd">双</i>
            <i *ngIf="!item.isOdd">单</i>
          </span>
          <span class="buy_type ft24 color255" [ngClass]="{'bg_red':item.num5>5}">
            <i *ngIf="item.num5>5">大</i>
            <i *ngIf="item.num5<=5">小</i>
          </span>
        </div>
      </div>
      <div class='loadingMore flex flex_center_center ft24 color65 mt22' (click)="getRecordMore()">点击加载更多</div>
    </div>

  </div>
</div>
